<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>用户注册-美食天下</title>
    <meta name="keywords" content="用户注册">
    <link rel="icon" href="../images/header-m_reg/h_f.ico"/>
    <link rel="stylesheet" href="../css/public-m_reg/public.css"/>
    <link rel="stylesheet" href="../css/m_reg_lun.css"/>
    <link rel="stylesheet" href="../css/swiper.min.css"/>
</head>
<body>
<div class="gmy-wrapper">
    <div class="h_coat">
        <div class="h_header">
            <ul>
                <li><a href="../index.html"><i>美食天下</i>首页</a></li>
                <li><a href="menu-g.html">菜谱</a></li>
                <li><a href="y_foot.html">食材</a></li>
                <li><a href="choose-g.html">珍选</a></li>
                <li><a href="k_health.html">健康</a></li>
                <li><a href="h_special.html">专题</a></li>
                <li><a href="community.html">社区</a></li>
                <li><a href="k_saytit.html">话题</a></li>
                <li><a href="k_active.html">活动</a></li>
                <li><a href="y_search.html">搜索</a></li>
                <li class="h_pull"><a href="javascript:;"><i></i></a>
                    <ul class="h_pull_down">
                        <li><a href="y_cure.html">烘焙</a></li>
                        <li><a href="y_Mamapie.html">妈妈派</a></li>
                    </ul>
                </li>
            </ul>
            <div class="h_header_ri">
                <ul>
                    <li><a href="m_register.html">注册</a></li>
                    <li><a href="m_register.html">登录</a></li>
                    <li class="h_bar_text h_pull"><a href="javascript:;"><img src="../images/header-menu/h_nir1.png" alt=""/>

                        <p>QQ登录</p></a>
                        <ul class="h_pull_down">
                            <li><a href="m_register.html"><img src="../images/header-menu/h_nir2.png" alt=""/>

                                <p>微博登录</p></a></li>
                            <li><a href="m_register.html"><img src="../images/header-menu/h_nir3.png" alt=""/>

                                <p>微信登录</p></a></li>
                        </ul>
                    </li>
                    <li class="h_blo h_pull h_issue"><a href="javascript:;"><img src="../images/header-menu/h_nr1.png" alt=""/>

                        <p>发布</p></a>
                        <ul class="h_pull_down">
                            <li><a href="m_register.html">发菜谱</a></li>
                            <li><a href="m_register.html">发话题</a></li>
                            <li><a href="m_register.html">发日志</a></li>
                        </ul>
                    </li>
                    <li class="h_blo h_sign"><a href="javascript:;"><img src="../images/header-menu/h_nr2.png" alt=""/>

                        <p>签到有礼</p></a></li>
                    <li class="h_blo h_pull h_blo_pull h_client"><a href="m_register.html"><img src="../images/header-menu/h_nr3.png" alt=""/>

                        <p>客户端</p></a>
                        <ul class="h_pull_down">
                            <li><a href="m_register.html"><img src="../images/header-menu/h_msc_app.png" alt=""/></a></li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
        </div>
<!-- h_coat -->


    <!-- 轮播部分 -->
    <div class="swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide" style="background-image:url(../images/m_bo-1.jpg)"><div class="cover"></div></div>
            <div class="swiper-slide" style="background-image:url(../images/m_bo-2.jpg)"><div class="cover"></div></div>
            <div class="swiper-slide" style="background-image:url(../images/m_bo-3.jpg)"><div class="cover"></div></div>
            <div class="swiper-slide" style="background-image:url(../images/m_bo-1.jpg)"><div class="cover"></div></div>
            <div class="swiper-slide" style="background-image:url(../images/m_bo-2.jpg)"><div class="cover"></div></div>
        </div>
    </div>


    <div id="m_login-box">
        <ul class="m_login_top">
            <li class="m-checked">注册</li>
            <li>登录</li>
        </ul>
        <div class="m_first" style="display: block">
            <div class="m_login_l" style="padding:0 20px">
                <p style="padding:5px">欢迎使用第三方账号注册/登录美食天下</p>
                <div class="m_login_b">
                    <ul>
                        <li><a href="#"><img src="../images/m_nir1.png" alt=""/>QQ</a></li>
                        <li style="margin:5px 40px"><a href="#"><img src="../images/m_nir2.png" alt=""/>微信</a></li>
                        <li><a href="#"><img src="../images/m_nir3.png" alt=""/>微博</a></li>
                    </ul>
                </div>
            </div>
            <!-- m_login_l -->
            <div class="m_login_r">
                <img src="../images/m_msc_app.png" alt="" style="margin:10px 10px 5px 25px"/>
                <p>扫描二维码下载客户端</p>
            </div>
            <!-- m_login_r -->
        </div>
        <!-- m_first -->
        <div class="m_first" style="height:250px;">
         <div class="m_login_lr">
            <ul class="input_ul">
                <li><label for="username" style="padding:0 5px 0 10px">手机号/昵称：</label><input type="text" id="username"/></li>
                <li style="border:0;"><label for="password" style="padding:0 5px 0 10px">密　码：</label><input type="text" id="password"/></li>
            </ul>
            <p style="padding:10px 0"><label for="cookietime"></label>
                <input type="checkbox" id="cookietime" name="cookietime"/>&#x3000;下次自动登录
                <a href="#" style="float: right">忘记密码？</a>
            </p>
            <input type="submit" id="btn" value="登录"/>
        </div>
            <!-- m_login_lr -->
            <div class="m_login_r">
                <img src="../images/m_msc_app.png" alt="" style="margin: 22px"/>
                <p style="margin-top: -15px">扫描二维码下载客户端</p>
                <div class="m_login_br">
                    <ul style="margin:5px 0 0 20px">
                        <li><a href="#"><img src="../images/m_nir1.png" alt=""/></a></li>
                        <li><a href="#"><img src="../images/m_nir2.png" alt=""/></a></li>
                        <li><a href="#"><img src="../images/m_nir3.png" alt=""/></a></li>
                    </ul>
                </div>
            </div>
            <!-- m_login_r -->
        </div>
    </div>
</div>
<!-- gmy-wrapper -->
<script type="text/javascript" src="../js/swiper.min.js"></script>
<script type="text/javascript" src="../js/header-js.js"></script>
<script type="text/javascript" src="../js/m_reg_js.js"></script>
<script type="text/javascript" src="../js/m_reg_lun.js"></script>
<script>
    var swiper = new Swiper('.swiper-container', {
        pagination: '.swiper-pagination',
        paginationClickable: true,
        nextButton: '.swiper-button-next',
        prevButton: '.swiper-button-prev',
        spaceBetween: 30,
        effect: 'fade',
        autoplay: 3000
    });
</script>
</body>
</html>